// 节流
function _throttle(fn, interval) {
  var last;
  var timer;
  var interval = interval || 200;
  return function () {
    var th = this;
    var args = arguments;
    var now = +new Date();
    if (last && now - last < interval) {
      clearTimeout(timer);
      timer = setTimeout(function () {
        last = now;
        fn.apply(th, args);
      }, interval);
    } else {
      last = now;
      fn.apply(th, args);
    }
  }
}

function getQueryId(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
  return ('');
}

let URL_ = 'https://admin.connect.oramage.com'
let Authorization = 'bearer en'

let logoUrl = ''
let PopularName = ''
let tagName = ''
let More = ''
let searchH4 = ''
let Related = ''
let Previous = ''
let Next = ''
//获取标签设置
$.ajax({
  url: `${URL_}/api/getLabelSetting`, //请求的url地址
  dataType: "json", //返回格式为json
  async: false, //请求是否异步，默认为异步，这也是ajax重要特性
  data: {}, //参数值
  type: "get", //请求方式
  headers: {
    'Authorization': Authorization
  },
  success: function (res) {
    //请求成功时处理
    res.data.map(res => {
      if (res.type == 0) {
        More = res.name
      } else if (res.type == 1) {
        $("#Label1").html(res.name);
      } else if (res.type == 2) {
        $("#Label2").html(res.name);
      } else if (res.type == 3) {
        Related = res.name
      } else if (res.type == 4) {
        searchH4 = res.name
      } else if (res.type == 5) {
        PopularName = res.name
        $("#Label5").html(res.name);
      } else if (res.type == 6) {

      } else if (res.type == 7) {

      } else if (res.type == 8) {
        tagName = res.name
      } else if (res.type == 9) {

      }else if (res.type == 10) {
        Previous = res.name
      }else if (res.type == 11) {
        Next  = res.name
        
      }
    })
  },
});

//获取头部设置
$.ajax({
  url: `${URL_}/api/getHeaderSetting`, //请求的url地址
  dataType: "json", //返回格式为json
  async: false, //请求是否异步，默认为异步，这也是ajax重要特性
  data: {}, //参数值
  type: "get", //请求方式
  headers: {
    'Authorization': Authorization
  },
  beforeSend: function (res) {
    //请求前的处理
  },
  success: (res) => {
    console.log(window.location);
    //请求成功时处理
    let logHtml = `
    <a href="${res.data.logo.link}" data-type="page-load">
      <img alt="${res.data.logo.alt}" id="logo-gif" src="${res.data.logo.url}">
    </a>
    `
    logoUrl = res.data.logo.url
    $("#logo_pc").html(logHtml);
    $("#logo_ph").html(logHtml);

    let menuHtml = ``
    res.data.nav.map((res_, index_) => {
      if (res_.sons.length) {
        let active = ''
        if(getQueryId('type') && !getQueryId('plac_id')){
          active = 'nav_active'
        }
        menuHtml = menuHtml +
          `
          <li  class="menuList ${active}">
              <a href="serachList.html?type=4" class="easing" data-type="page-load">
                ${res_.title} 
                <span class="arrow maopc_xl"> ></span>
              </a>

              <div class="dropdownBox">
                <div class="container">
                  <div class="dropdownItem">
                    ${
                      (() => {
                      let tags = ``
                      res_.sons.map(res_item => {
                        tags += `
                          <a href="business.html?type=4&plat_id=${res_item.id}" class="dropdownItem_">${res_item.name}(${res_item.articles_count})</a>
                        `
                      })
                      return tags
                    })()
                  }
                  </div>
                  <a href="serachList.html?type=4" class="si-more">${More} ></a>
                </div>
              </div>
            </li>
           `
      } else {
        let html
        let active
        if (!index_) {
          html = 'index.html'
          active = (!index_ && !getQueryId('plac_id') && !getQueryId('type') && !getQueryId('id')) ? 'nav_active' :''
        } else {
          html = `business.html?type=1&plac_id=${res_.category_id}`
          active = res_.category_id == getQueryId('plac_id') ? 'nav_active' : ''
        }
        menuHtml = menuHtml +
          `
          <li class="${active}">
            <a href="${html}" class="easing " data-type="page-load">
              ${res_.title}
              <span class="maopc_xl">></span>
              </a>
          </li>
           `
      }
    })
    $("#menu").html(menuHtml);

  },
  complete: function () {
    //请求完成的处理
  },
  error: function () {
    //请求出错处理
  }
});

let serachInputType = false
$("#search-gif").on("click", function () {

  if (serachInputType) {
    $('#menuBox').css('display', 'block');
    $('#serachInput').css('display', 'none');
  } else {
    $('#menuBox').css('display', 'none');
    $('#serachInput').css('display', 'block');
  }
  serachInputType = !serachInputType
})

function handleEnter(event, inputElement) {
  // 检查按下的键是否是回车键
  if (event.key === "Enter") {
    // 调用你想要执行的方法
    console.log("Enter key pressed, calling method with input:", inputElement.value);
    window.location.href = `serachList.html?type=5&keywords=${encodeURIComponent(inputElement.value)}`
    // yourMethod(inputElement.value); // 如果需要，用实际的方法替换这行
  }
}

function checkForm(event, inputElement) {
  // 检查按下的键是否是回车键
  if (event.key === "Enter") {
    
    // 调用你想要执行的方法
    console.log("Enter key pressed, calling method with input:", inputElement.value);
    window.location.href = `serachList.html?type=5&keywords=${encodeURIComponent(inputElement.value)}`
    // yourMethod(inputElement.value); // 如果需要，用实际的方法替换这行
  }
}

function checkButton() {
  var inputValue = document.getElementById('serachBtn').value;
  window.location.href = `serachList.html?type=5&keywords=${encodeURIComponent(inputValue)}`
}

let searchPlaceholder = ''
let subscribe = {}
//获取表单设置
$.ajax({
  url: `${URL_}/api/getFormSetting`, //请求的url地址
  dataType: "json", //返回格式为json
  async: false, //请求是否异步，默认为异步，这也是ajax重要特性
  data: {}, //参数值
  type: "get", //请求方式
  headers: {
    'Authorization': Authorization
  },
  success: function (res) {
    //请求成功时处理
    searchPlaceholder = res.data.search.placeholder
    subscribe = res.data.subscribe
    let serachInput = `
      <input onkeyup="handleEnter(event, this)" type="text" name="s" placeholder="${res.data.search.placeholder}">
      `
    $("#serachBox").html(serachInput);


    let subscribeH2 = `
    <h2>${res.data.subscribe.tips}</h2>
    `
    $("#subscribeH2").html(subscribeH2);

    let subscribeInput = `
    <input value="" autocomplete="email" class="hs-input" type="email" placeholder="${res.data.subscribe.placeholder}"
                      name="email">
    `
    $("#subscribeInput").html(subscribeInput);

    let subscribeBtn = `
    <input type="submit" class="hs-button primary large" value="${res.data.subscribe.btn_txt}">
    `
    $("#subscribeBtn").html(subscribeBtn);

  },
});


//获取底部设置
$.ajax({
  url: `${URL_}/api/getFooterSetting`, //请求的url地址
  dataType: "json", //返回格式为json
  async: true, //请求是否异步，默认为异步，这也是ajax重要特性
  data: {}, //参数值
  type: "get", //请求方式
  headers: {
    'Authorization': Authorization
  },
  success: (res) => {

    let navBox = ``
    res.data.nav.map(res_ => {
      if(!res_.sons.length){
        navBox += `
        <li>
        <a href="business.html?type=1&plac_id=${res_.category_id}" target="_blank" class="mao-word">${res_.title}</a>
        </li>
        `
      }else {
        navBox += `
        <li>
        <a href="serachList.html?type=4" target="_blank" class="mao-word">${res_.title}</a>
        </li>
        `
      }
    })
    $("#navBox").html(navBox);

    let txt0 = `
    <img src="${logoUrl}" alt="">
                <p class="mao-word mao-mt-small">
                  ${res.data.txt[0].name}
                </p>
    `
    $("#txt0").html(txt0);

    let txt1 = `
    <p class="mao-word mao-mb-small">${res.data.txt[1].name}</p>
    `
    $("#txt1").html(txt1);

    let txt23 = `
    <p class="mao-word-second">${res.data.txt[2].name}</p>
    <p class="mao-word-second">${res.data.txt[3].name}</p>
    `
    $("#txt23").html(txt23);

    let linkBox = ``

    res.data.link.map(res => {
      linkBox += `
      <a href="${res.link}" target="_blank" class="mao-word">
        <img alt="${res.alt}" src="${res.url}"></img> 
      </a>
      `
    })
    let linkBox2 = linkBox
    $("#linkBox").html(linkBox);
    $("#linkBox2").html(linkBox2);
    
  },
});



//获取Seo设置
$.ajax({
  url: `${URL_}/api/getPlatformSeo`, //请求的url地址
  dataType: "json", //返回格式为json
  async: true, //请求是否异步，默认为异步，这也是ajax重要特性
  data: {}, //参数值
  type: "get", //请求方式
  headers: {
    'Authorization': Authorization
  },
  success: function (res) {
    // 设置网页标题为"我的动态网页标题"
    document.title = res.data.title;
    // document.getElementById('Label2').href = res.data.url
    // 手动添加mate标签
    const addMeta = (name, content) => {
      const meta = document.createElement('meta');
      meta.name = name;
      meta.content = content;
      document.getElementsByTagName('head')[0].prepend(meta);
    };

    const addLink = (rel,content) => {
      const link = document.createElement('link');
      link.rel = rel;
      link.href = content;
      document.getElementsByTagName('head')[0].prepend(link);
    };

    addLink('shortcut icon',res.data.ico)
    addLink('canonical',decodeURIComponent(window.location.href))

    addMeta(
      'keywords',
      res.data.keywords
    );
    addMeta(
      'description',
      res.data.desc
    );

  },
});






// document.getElementById('myForm3').addEventListener('submit', function (event) {
//   console.log(event.target[0].value);
//   // 阻止表单提交
//   event.preventDefault();
//   // 执行自定义的验证逻辑
//   var form = event.target;
//   if (form.checkValidity()) {
//     // 如果验证通过，可以在这里执行异步操作，例如数据提交
//     // ...

//     // 如果异步操作完成，需要手动触发表单提交
//     //用户订阅
//     $.ajax({
//       url: `${URL_}/api/subscribe`, //请求的url地址
//       dataType: "json", //返回格式为json
//       async: true, //请求是否异步，默认为异步，这也是ajax重要特性
//       data: {
//         from: 0,
//         email: event.target[0].value,
//       }, //参数值
//       type: "post", //请求方式
//       headers: {
//         'Authorization': Authorization
//       },
//       success: function (res) {
//         // 设置网页标题为"我的动态网页标题"
//         document.title = res.data.title;
//         // 手动添加mate标签
//         const addMeta = (name, content) => {
//           const meta = document.createElement('meta');
//           meta.name = name;
//           meta.content = content;
//           document.getElementsByTagName('head')[0].appendChild(meta);
//         };

//         addMeta(
//           'keywords',
//           res.data.keywords
//         );
//         addMeta(
//           'description',
//           res.data.desc
//         );

//       },
//     });
//   } else {
//     // 如果验证失败，可以在这里处理错误，或者显示提示信息给用户
//     // ...
//     console.log('错误');
//   }
// });

// document.getElementById('myForm').addEventListener('submit', function (event) {
//   console.log(event.target[0].value);
//   // 阻止表单提交
//   event.preventDefault();
//   // 执行自定义的验证逻辑
//   var form = event.target;
//   if (form.checkValidity()) {
//     // 如果验证通过，可以在这里执行异步操作，例如数据提交
//     // ...

//     // 如果异步操作完成，需要手动触发表单提交
//     //用户订阅
//     $.ajax({
//       url: `${URL_}/api/subscribe`, //请求的url地址
//       dataType: "json", //返回格式为json
//       async: true, //请求是否异步，默认为异步，这也是ajax重要特性
//       data: {
//         from: 0,
//         email: event.target[0].value,
//       }, //参数值
//       type: "post", //请求方式
//       headers: {
//         'Authorization': Authorization
//       },
//       success: function (res) {
//         // 设置网页标题为"我的动态网页标题"
//         document.title = res.data.title;
//         // 手动添加mate标签
//         const addMeta = (name, content) => {
//           const meta = document.createElement('meta');
//           meta.name = name;
//           meta.content = content;
//           document.getElementsByTagName('head')[0].appendChild(meta);
//         };

//         addMeta(
//           'keywords',
//           res.data.keywords
//         );
//         addMeta(
//           'description',
//           res.data.desc
//         );

//       },
//     });
//   } else {
//     // 如果验证失败，可以在这里处理错误，或者显示提示信息给用户
//     // ...
//     console.log('错误');
//   }
// });

// document.getElementById('myForm2').addEventListener('submit', function (event) {
//   console.log(event.target[0].value);
//   // 阻止表单提交
//   event.preventDefault();
//   // 执行自定义的验证逻辑
//   var form = event.target;
//   if (form.checkValidity()) {
//     // 如果验证通过，可以在这里执行异步操作，例如数据提交
//     // ...

//     // 如果异步操作完成，需要手动触发表单提交
//     //用户订阅
//     $.ajax({
//       url: `${URL_}/api/subscribe`, //请求的url地址
//       dataType: "json", //返回格式为json
//       async: true, //请求是否异步，默认为异步，这也是ajax重要特性
//       data: {
//         from: 1,
//         pla_id: getQueryId('id'),
//         email: event.target[0].value,
//       }, //参数值
//       type: "post", //请求方式
//       headers: {
//         'Authorization': Authorization
//       },
//       success: function (res) {
//         // 设置网页标题为"我的动态网页标题"
//         document.title = res.data.title;
//         // 手动添加mate标签
//         const addMeta = (name, content) => {
//           const meta = document.createElement('meta');
//           meta.name = name;
//           meta.content = content;
//           document.getElementsByTagName('head')[0].appendChild(meta);
//         };

//         addMeta(
//           'keywords',
//           res.data.keywords
//         );
//         addMeta(
//           'description',
//           res.data.desc
//         );

//       },
//     });
//   } else {
//     // 如果验证失败，可以在这里处理错误，或者显示提示信息给用户
//     // ...
//     console.log('错误');
//   }
// });